<template>
	<div id="" class="wriper">
		<swiper :options="swiperOption">
		    <!-- slides -->
		    <swiper-slide v-for="item in homeSwiper" :key="item.id">
		    	<img class="img" :src="item.imgUrl"/>
		    </swiper-slide>
		    <!-- Optional controls -->
		    <div class="swiper-pagination"  slot="pagination"></div>
	 	 </swiper>
		</div>
</template>

<script>
	export default {
		name:"homeSwiper",
		props:{
			homeSwiper:Array
			
		},
				data(){
					return {
//							images:[
//							{
//								id:"001",
//								imgUrl:"https://pic4.40017.cn/index/slide/2017/02/11/21/Upv1S6.jpg.webp"
//							},
//							{
//								id:"002",
//								imgUrl:"https://pic4.40017.cn/index/slide/2017/03/21/14/jLvNMj.jpg.webp"
//							},
//							{
//								id:"003",
//								imgUrl:"https://pic5.40017.cn/02/001/16/25/rBANDFjdtsmACeIoAAEAANmW338998.jpg"
//							},
//							{
//								id:"004",
//								imgUrl:"https://pic4.40017.cn/index/slide/2017/03/21/11/86PQJh.jpg.webp"
//							}
//						]
//						,
				swiperOption:{
					pagination:".swiper-pagination",
					loop:true
					}
				}
			}
		
	}
</script>

<style lang="stylus" scoped="">
.wriper
	margin:1rem 0 0 0
	.img
		width:100%
</style>